.article-nav-holder {
  min-height: 100px;
  padding: 15px 10px;
  border-radius: 10px;
  background: white;
  box-shadow: rgb(0 0 0 / 10%) 2px 0px 12px 0px;

  .nav-title {
    padding-left: 10px;
    font-size: 24px;
    margin-bottom: 10px;
  }

  ul.article-nav {

    li {

      list-style: none;

      a {
        border-radius: 3px;
        transition: .3s all;
        color: #292929;
        padding: 3px;
        margin-bottom: 3px;
        display: block;

        &:hover {
          background: rgb(226, 226, 226);
        }

        &.active {
          background: #e8f6ff;
          color: #3d77f7;
        }
      }
    }
  }

  .article-sub-nav {
    height: 0;
    overflow: hidden;
    transition: .3s all;

    ul {
      li {
        a {
          padding-left: 15px;
        }
      }
    }
  }
}